<div class="navbar">

     <!--Modded-->
    <div class="navbar-inner" style="box-shadow: 0px 0px 14px rgb(46, 46, 46);">
        <div class="container">

            <!-- .btn-navbar is used as the toggle for collapsed navbar content -->
            <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </a>

            <!-- Be sure to leave the brand out there if you want it shown -->
            <a class="brand" href="#"><!--Project name--></a>

            <!-- Everything you want hidden at 940px or less, place within here -->
            <div class="nav-collapse collapse">
                <!-- .nav, .navbar-search, .navbar-form, etc -->
                <ul class="nav">
                    <?php
                    $menures = mysqli_query($con,"SELECT distinct pagetitle, recordID FROM graphics") or die(mysqli_error($con));
                    while ($menu = mysqli_fetch_array($menures)) {
                        $active=($menu['recordID']==$rowdata['recordID'])?'active':'';
                        echo '<li class="'.$active.'"><a href="/indexbt.php?p='.$menu['recordID'].'">'.$menu['pagetitle'].'</a></li>';
                    }
                    ?>
                    
<!--                    <li><a href="#">Link</a></li>
                    <li><a href="#">Link</a></li>
                    <li><a href="#">Link</a></li>-->
<!--                    <li class="dropdown">
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a>
                        <ul class="dropdown-menu">
                            <li><a href="#">Action</a></li>
                            <li><a href="#">Another action</a></li>
                            <li><a href="#">Something else here</a></li>
                            <li class="divider"></li>
                            <li><a href="#">Separated link</a></li>
                        </ul>
                    </li>-->
                </ul>
                
            </div>

        </div>
    </div>
</div>